<template>
  <div class="banner">
    <div class="banner-item" :style="{ backgroundImage: `url(${banner.img})` }">
      <div data-v-3000ce76="" class="banner-logo">
        <img
          data-v-3000ce76=""
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/24/16981421451477223.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/24/16981421451477223.png"
          lazy="loaded"
        />
        <span data-v-3000ce76="" style="font-size: 40px">TikTok</span>
      </div>
      <div class="title">{{ banner.title }}</div>
    </div>
  </div>
  <div
    data-v-87f86580=""
    data-v-479e653e=""
    class="six-demo"
    id="da5044ba-0244"
    component-name="Six"
    style="background: rgb(255, 255, 255)"
  >
    <div data-v-87f86580="" class="comp-atible">
      <p data-v-87f86580="" style="color: rgb(30, 30, 30)"></p>
      <div data-v-87f86580="" class="six-demo-fex">
        <div data-v-87f86580="" class="six-list">
          <div data-v-87f86580="" class="animated fadeInLeft six-aboust">
            <p data-v-87f86580="" style="color: rgb(51, 51, 51)">Tiktok</p>
            <div
              data-v-87f86580=""
              class="six-text"
              style="color: rgb(156, 156, 156)"
            >
              Tiktok是以音乐为切入点，搭配舞蹈表演等创意表达形式的短视频社交平台，让用户可以快速方便地拍摄富有创意的短片，与全世界分享。
            </div>
          </div>
        </div>
        <img
          data-v-87f86580=""
          alt="Tiktok 投放广告"
          class="animated fadeInRight six-img"
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/25/15826311109785683.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/25/15826311109785683.png"
          lazy="loaded"
        />
      </div>
    </div>
  </div>
  <div
    data-v-37559afe=""
    data-v-479e653e=""
    class="third-demo"
    id="681d7694-08a6"
    component-name="Third"
    style="
      background-image: url('https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/25/15826311160324465.png');
    "
  >
    <div data-v-37559afe="" class="comp-atible">
      <div data-v-37559afe="" class="love-row">
        <img
          data-v-37559afe=""
          alt="tiktok 市场"
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/25/15826328094932534.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/25/15826328094932534.png"
          lazy="loaded"
          style="width: 50px; margin: auto"
        />
        <div data-v-37559afe="" class="icon-title">150+</div>
        <div data-v-37559afe="" class="icon-text">覆盖150+国家</div>
      </div>
      <div data-v-37559afe="" class="love-row">
        <img
          data-v-37559afe=""
          alt="tiktok 语言能力 75"
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/25/15826328141296176.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/25/15826328141296176.png"
          lazy="loaded"
          style="width: 50px; margin: auto"
        />
        <div data-v-37559afe="" class="icon-title">75</div>
        <div data-v-37559afe="" class="icon-text">支持75种语言</div>
      </div>
      <div data-v-37559afe="" class="love-row">
        <img
          data-v-37559afe=""
          alt="tiktok 安装量"
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/25/15826328059163194.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/25/15826328059163194.png"
          lazy="loaded"
          style="width: 50px; margin: auto"
        />
        <div data-v-37559afe="" class="icon-title">30亿+</div>
        <div data-v-37559afe="" class="icon-text">30亿+应用下载量</div>
      </div>
    </div>
  </div>
  <div
    data-v-3f0002ac=""
    data-v-479e653e=""
    class="night-demo"
    id="32f3445c-cad6"
    component-name="Night"
    style="background: rgb(242, 246, 250)"
  >
    <div data-v-3f0002ac="" class="comp-atible">
      <p data-v-3f0002ac="" style="color: rgb(2, 27, 78)">Tiktok出价方式</p>
      <div data-v-3f0002ac="" class="night-flex-grid">
        <div data-v-3f0002ac="" class="icon-card">
          <img
            data-v-3f0002ac=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/24/16981333013416180.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/24/16981333013416180.png"
            lazy="loaded"
          />
          <div data-v-3f0002ac="" class="icon-text">
            <p data-v-3f0002ac="">千次展示成本 (CPM)</p>
            <div data-v-3f0002ac="" class="night-text">
              这意味着您的出价是您愿意为一千次展示支付的价格。系统将在您的预算范围内投放广告，获得最大的曝光率并触达尽可能多的客户。
            </div>
          </div>
        </div>
        <div data-v-3f0002ac="" class="icon-card">
          <img
            data-v-3f0002ac=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/24/16981333633124534.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/24/16981333633124534.png"
            lazy="loaded"
          />
          <div data-v-3f0002ac="" class="icon-text">
            <p data-v-3f0002ac="">单次展示成本 (CPV)</p>
            <div data-v-3f0002ac="" class="night-text">
              这意味着您的出价是您愿意为一千次时长为 6 秒或 2
              秒的视频播放所支付的价格。系统将投放您的视频，使其在您的预算范围内达到尽可能多的播放次数。
            </div>
          </div>
        </div>
        <div data-v-3f0002ac="" class="icon-card">
          <img
            data-v-3f0002ac=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/24/16981335142812737.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/24/16981335142812737.png"
            lazy="loaded"
          />
          <div data-v-3f0002ac="" class="icon-text">
            <p data-v-3f0002ac="">单次点击成本 (CPC)</p>
            <div data-v-3f0002ac="" class="night-text">
              这意味着您的出价是您愿意为每次点击支付的费用。系统将以尽可能接近您的出价的费用将您的广告投放给最有可能点击它们的用户。
            </div>
          </div>
        </div>
        <div data-v-3f0002ac="" class="icon-card">
          <img
            data-v-3f0002ac=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/24/16981335845351045.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/24/16981335845351045.png"
            lazy="loaded"
          />
          <div data-v-3f0002ac="" class="icon-text">
            <p data-v-3f0002ac="">千次展示成本 (OCPM)</p>
            <div data-v-3f0002ac="" class="night-text">
              此出价是您愿意为 1,000
              次展示所支付的价格，这些展示会定向至可能会完成转化事件、成为潜在客户或安装应用的用户。
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    data-v-87f86580=""
    data-v-479e653e=""
    class="six-demo"
    id="a78708f2-75cd"
    component-name="Six"
    style="background: rgb(255, 255, 255)"
  >
    <div data-v-87f86580="" class="comp-atible">
      <p data-v-87f86580="" style="color: rgb(30, 30, 30)"></p>
      <div data-v-87f86580="" class="six-demo-fex">
        <div data-v-87f86580="" class="six-list">
          <div data-v-87f86580="" class="animated fadeInLeft six-aboust">
            <p data-v-87f86580="" style="color: rgb(51, 51, 51)">
              全球知名短视频社交平台
            </p>
            <div
              data-v-87f86580=""
              class="six-text"
              style="color: rgb(156, 156, 156)"
            >
              Tiktok是全球知名的短视频社交平台，全球排名第一的手机
              APP，下载量突破30亿。TikTok现属于流量红利期，竞争压力小、营销效果显著，对于跨境卖家而言，是进入流量新时代一个很好的契机。
            </div>
          </div>
        </div>
        <img
          data-v-87f86580=""
          alt=""
          class="animated fadeInRight six-img"
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/20/16977889763457853.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/20/16977889763457853.png"
          lazy="loaded"
        />
      </div>
    </div>
  </div>
  <div
    data-v-50932a62=""
    data-v-479e653e=""
    class="seven-demo"
    id="ddc99e48-832f"
    component-name="Seven"
    style="background: rgb(242, 246, 250)"
  >
    <div data-v-50932a62="" class="comp-atible pc-show">
      <p data-v-50932a62="" style="color: rgb(30, 30, 30)"></p>
      <img
        data-v-50932a62=""
        alt=""
        class="animated fadeInLeft seven-img"
        data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/20/16977889766736194.png"
        src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/20/16977889766736194.png"
        lazy="loaded"
      />
      <div data-v-50932a62="" class="animated fadeInRight seven-list">
        <div data-v-50932a62="" class="seven-aboust">
          <p data-v-50932a62="" style="color: rgb(51, 51, 51)">
            提供全场景的品牌营销服务
          </p>
          <div
            data-v-50932a62=""
            class="seven-text"
            style="color: rgb(156, 156, 156)"
          >
            视频内容具备短小精悍、趣味性好、传播力广、爆发力强等特点，完美符合Z世代用户的使用习惯。它提供了一个充满创意和机遇的舞台，让企业能够以独特而有趣的方式与用户互动，建立品牌形象，增加曝光度，并实现商业增长，使得TikTok成为中国商家跨境电商出海的理想选择。
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    data-v-87f86580=""
    data-v-479e653e=""
    class="six-demo"
    id="80387592-fcb8"
    component-name="Six"
    style="background: rgb(255, 255, 255)"
  >
    <div data-v-87f86580="" class="comp-atible">
      <p data-v-87f86580="" style="color: rgb(30, 30, 30)"></p>
      <div data-v-87f86580="" class="six-demo-fex">
        <div data-v-87f86580="" class="six-list">
          <div data-v-87f86580="" class="animated fadeInLeft six-aboust">
            <p data-v-87f86580="" style="color: rgb(51, 51, 51)">
              基于科学的算法模型
            </p>
            <div
              data-v-87f86580=""
              class="six-text"
              style="color: rgb(156, 156, 156)"
            >
              TikTok使用一种独特的发现算法，让每个视频都有被平等传播的机会。主页优先展示用户之前没见过的创作者视频。同时，Tiktok的智能内容发现流程可以依据用户观看偏好和习惯来发现新鲜的内容。这些功能使得企业可以在Tiktok上实现快速扩张社交媒体形象。
            </div>
          </div>
        </div>
        <img
          data-v-87f86580=""
          alt=""
          class="animated fadeInRight six-img"
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/20/16977889769777035.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/20/16977889769777035.png"
          lazy="loaded"
        />
      </div>
    </div>
  </div>
  <div
    data-v-50932a62=""
    data-v-479e653e=""
    class="seven-demo"
    id="4dcfbf89-12fa"
    component-name="Seven"
    style="background: rgb(242, 246, 250)"
  >
    <div data-v-50932a62="" class="comp-atible pc-show">
      <p data-v-50932a62="" style="color: rgb(30, 30, 30)"></p>
      <img
        data-v-50932a62=""
        alt=""
        class="animated fadeInLeft seven-img"
        data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/20/16977890703119834.png"
        src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2023/10/20/16977890703119834.png"
        lazy="loaded"
      />
      <div data-v-50932a62="" class="animated fadeInRight seven-list">
        <div data-v-50932a62="" class="seven-aboust">
          <p data-v-50932a62="" style="color: rgb(51, 51, 51)">
            全用户和全时长覆盖
          </p>
          <div
            data-v-50932a62=""
            class="seven-text"
            style="color: rgb(156, 156, 156)"
          >
            Tiktok的大多数用户都来自于全球主要城市的年轻人和千禧一代，因此品牌可以立即与下一代消费者建立联系，可以通过平台上的共享体验帮用户转变为客户。
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
const banner = {
  img: "https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/06/09/15916705152011153.jpg",
  title: "全球最受欢迎的应用程序之一",
  desc: "全球最大的职业社交网站，以其庞大职业会员量为基础，为全球企业和机构提供包括招聘、市场和销售在内的一系列解决方案。",
};
</script>
